<extend name="Public/base"/>

<block name="body">
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	<div class="main-title cf">
		<h2>插件配置 [ {$data.title} ]</h2>
	</div>
	<form action="{:U('saveConfig')}" class="form-horizontal" method="post">
		<empty name="custom_config">
			<foreach name="data['config']" item="form" key="o_key">
				<div class="form-item cf">
					<label class="item-label">
						{$form.title|default=''}
						<present name="form.tip">
							<span class="check-tips">{$form.tip}</span>
						</present>
					</label>
					<switch name="form.type">
						<case value="text">
							<div class="controls">
								<input type="text" name="config[{$o_key}]" class="text input-large"
								       value="{$form.value}">
							</div>
						</case>
						<case value="password">
							<div class="controls">
								<input type="password" name="config[{$o_key}]" class="text input-large"
								       value="{$form.value}">
							</div>
						</case>
						<case value="hidden">
							<input type="hidden" name="config[{$o_key}]" value="{$form.value}">
						</case>
						<case value="radio">
							<div class="controls">
								<foreach name="form.options" item="opt" key="opt_k">
									<label class="radio">
										<input type="radio" name="config[{$o_key}]" value="{$opt_k}"
										<eq name="form.value" value="$opt_k"> checked</eq>
										>{$opt}
									</label>
								</foreach>
							</div>
						</case>
						<case value="checkbox">
							<div class="controls">
								<foreach name="form.options" item="opt" key="opt_k">
									<label class="checkbox">
										<php>
											is_null($form["value"]) && $form["value"] = array();
										</php>
										<input type="checkbox" name="config[{$o_key}][]" value="{$opt_k}"
										<in name="opt_k" value="$form.value"> checked</in>
										>{$opt}
									</label>
								</foreach>
							</div>
						</case>
						<case value="select">
							<div class="controls">
								<select name="config[{$o_key}]">
									<foreach name="form.options" item="opt" key="opt_k">
										<option value="{$opt_k}"
										<eq name="form.value" value="$opt_k"> selected</eq>
										>{$opt}</option>
									</foreach>
								</select>
							</div>
						</case>
						<case value="textarea">
							<div class="controls">
								<label class="textarea input-large">
									<textarea name="config[{$o_key}]">{$form.value}</textarea>
								</label>
							</div>
						</case>
						<case value="picture_union">
							<div class="controls">
								<input type="file" id="upload_picture_{$o_key}">
								<input type="hidden" name="config[{$o_key}]" id="cover_id_{$o_key}"
								       value="{$form.value}"/>

								<div class="upload-img-box">
									<notempty name="form['value']">
										<php> $mulimages = explode(",", $form["value"]);</php>
										<foreach name="mulimages" item="one">
											<div class="upload-pre-item" val="{$one}">
												<img src="{$one|get_cover='path'}"
												     ondblclick="removePicture{$o_key}(this)"/>
											</div>
										</foreach>
									</notempty>
								</div>
							</div>
							<script type="text/javascript">
								//上传图片
								/* 初始化上传插件 */
								$("#upload_picture_{$o_key}").uploadify({
									"height": 30,
									"swf": "__STATIC__/uploadify/uploadify.swf",
									"fileObjName": "download",
									"buttonText": "上传图片",
									"uploader": "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
									"width": 120,
									'removeTimeout': 1,
									'fileTypeExts': '*.jpg; *.png; *.gif;',
									"onUploadSuccess": uploadPicture
								{
									$o_key
								}
								,
								'onFallback'
								:
								function () {
									alert('未检测到兼容版本的Flash.');
								}
								})
								;

								function uploadPicture {
									$o_key
								}
								(file, data)
								{
									var data = $.parseJSON(data);
									var src = '';
									if (data.status) {
										src = data.url || '__ROOT__' + data.path
										$("#cover_id_{$o_key}").parent().find('.upload-img-box').append(
												'<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_key}(this)"/></div>'
										);
										setPictureIds
										{
											$o_key
										}
										();
									} else {
										updateAlert(data.info);
										setTimeout(function () {
											$('#top-alert').find('button').click();
											$(that).removeClass('disabled').prop('disabled', false);
										}, 1500);
									}
								}
								function removePicture {
									$o_key
								}
								(o)
								{
									var p = $(o).parent().parent();
									$(o).parent().remove();
									setPictureIds
									{
										$o_key
									}
									();
								}
								function setPictureIds {
									$o_key
								}
								()
								{
									var ids = [];
									$("#cover_id_{$o_key}").parent().find('.upload-img-box').find('.upload-pre-item2').each(function () {
										ids.push($(this).attr('val'));
									});
									if (ids.length > 0)
										$("#cover_id_{$o_key}").val(ids.join(','));
									else
										$("#cover_id_{$o_key}").val('');
								}
							</script>
						</case>
						<case value="group">
							<ul class="tab-nav nav">
								<volist name="form.options" id="li">
									<li data-tab="tab{$i}"
									<eq name="i" value="1">class="current"</eq>
									><a href="javascript:void(0);">{$li.title}</a></li>
								</volist>
							</ul>
							<div class="tab-content">
								<volist name="form.options" id="tab">
									<div id="tab{$i}" class="tab-pane <eq name=" i
									" value="1">in</eq> tab{$i}">
									<foreach name="tab['options']" item="tab_form" key="o_tab_key">
										<label class="item-label">
											{$tab_form.title|default=''}
											<present name="tab_form.tip">
												<span class="check-tips">{$tab_form.tip}</span>
											</present>
										</label>

										<div class="controls">
											<switch name="tab_form.type">
												<case value="text">
													<input type="text" name="config[{$o_tab_key}]"
													       class="text input-large" value="{$tab_form.value}">
												</case>
												<case value="password">
													<input type="password" name="config[{$o_tab_key}]"
													       class="text input-large" value="{$tab_form.value}">
												</case>
												<case value="hidden">
													<input type="hidden" name="config[{$o_tab_key}]"
													       value="{$tab_form.value}">
												</case>
												<case value="radio">
													<foreach name="tab_form.options" item="opt" key="opt_k">
														<label class="radio">
															<input type="radio" name="config[{$o_tab_key}]"
															       value="{$opt_k}"
															<eq name="tab_form.value" value="$opt_k"> checked</eq>
															>{$opt}
														</label>
													</foreach>
												</case>
												<case value="checkbox">
													<foreach name="tab_form.options" item="opt" key="opt_k">
														<label class="checkbox">
															<php> is_null($tab_form["value"]) && $tab_form["value"] =
																array();
															</php>
															<input type="checkbox" name="config[{$o_tab_key}][]"
															       value="{$opt_k}"
															<in name="opt_k" value="$tab_form.value"> checked</in>
															>{$opt}
														</label>
													</foreach>
												</case>
												<case value="select">
													<select name="config[{$o_tab_key}]">
														<foreach name="tab_form.options" item="opt" key="opt_k">
															<option value="{$opt_k}"
															<eq name="tab_form.value" value="$opt_k"> selected</eq>
															>{$opt}</option>
														</foreach>
													</select>
												</case>
												<case value="textarea">
													<label class="textarea input-large">
														<textarea
																name="config[{$o_tab_key}]">{$tab_form.value}</textarea>
													</label>
												</case>
												<case value="picture_union">
													<div class="controls">
														<input type="file" id="upload_picture_{$o_tab_key}">
														<input type="hidden" name="config[{$o_tab_key}]"
														       id="cover_id_{$o_tab_key}" value="{$tab_form.value}"/>

														<div class="upload-img-box">
															<notempty name="tab_form['value']">
																<php> $mulimages = explode(",", $tab_form["value"]);
																</php>
																<foreach name="mulimages" item="one">
																	<div class="upload-pre-item" val="{$one}">
																		<img src="{$one|get_cover='path'}"
																		     ondblclick="removePicture{$o_tab_key}(this)"/>
																	</div>
																</foreach>
															</notempty>
														</div>
													</div>
													<script type="text/javascript">
														//上传图片
														/* 初始化上传插件 */
														$("#upload_picture_{$o_tab_key}").uploadify({
															"height": 30,
															"swf": "__STATIC__/uploadify/uploadify.swf",
															"fileObjName": "download",
															"buttonText": "上传图片",
															"uploader": "{:U('File/uploadPicture',array('session_id'=>session_id()))}",
															"width": 120,
															'removeTimeout': 1,
															'fileTypeExts': '*.jpg; *.png; *.gif;',
															"onUploadSuccess": uploadPicture
														{
															$o_tab_key
														}
														,
														'onFallback'
														:
														function () {
															alert('未检测到兼容版本的Flash.');
														}
														})
														;

														function uploadPicture {
															$o_tab_key
														}
														(file, data)
														{
															var data = $.parseJSON(data);
															var src = '';
															if (data.status) {
																src = data.url || '__ROOT__' + data.path
																$("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').append(
																		'<div class="upload-pre-item" val="' + data.id + '"><img src="__ROOT__' + src + '" ondblclick="removePicture{$o_tab_key}(this)"/></div>'
																);
																setPictureIds
																{
																	$o_tab_key
																}
																();
															} else {
																updateAlert(data.info);
																setTimeout(function () {
																	$('#top-alert').find('button').click();
																	$(that).removeClass('disabled').prop('disabled', false);
																}, 1500);
															}
														}
														function removePicture {
															$o_tab_key
														}
														(o)
														{
															var p = $(o).parent().parent();
															$(o).parent().remove();
															setPictureIds
															{
																$o_tab_key
															}
															();
														}
														function setPictureIds {
															$o_tab_key
														}
														()
														{
															var ids = [];
															$("#cover_id_{$o_tab_key}").parent().find('.upload-img-box').find('.upload-pre-item2').each(function () {
																ids.push($(this).attr('val'));
															});
															if (ids.length > 0)
																$("#cover_id_{$o_tab_key}").val(ids.join(','));
															else
																$("#cover_id_{$o_tab_key}").val('');
														}
													</script>
												</case>
											</switch>
										</div>
									</foreach>
							</div>
							</volist>
				</div>
				</case>
				</switch>

				</div>
			</foreach>
			<else/>
			<present name="custom_config">
				{$custom_config}
			</present>
		</empty>
		<input type="hidden" name="id" value="{:I('id')}" readonly>
		<button type="submit" class="btn submit-btn ajax-post" target-form="form-horizontal">确 定</button>
		<button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
	</form>
</block>

<block name="script">
	<script type="text/javascript" charset="utf-8">
		//导航高亮
		highlight_subnav('{:U('
		Addons / index
		')}'
		)
		;
		if ($('ul.tab-nav').length) {
			//当有tab时，返回按钮不显示
			$('.btn-return').hide();
		}
		$(function () {
			//支持tab
			showTab();
		})
	</script>
</block>
